/* Following CSS are only in the demo and are of no use in a Production */

.show-grid [class*="col-"] {background: #e6e7e8; text-align: center; margin-bottom: 10px; line-height: 2em; border:10px solid @body-bg;}
.show-grid [class*="col-"]:hover {background: @border-darker; }

.demo-example .breadcrumb {margin-bottom: 20px;}

#demo-type-table {
	width:100%;
	margin: -20px 0 -20px 0;
	td {vertical-align: middle;}
	h1,h2,h3,h4,h5,h6 {margin: 15px 0;}
	td:last-child {text-align: right;}
}

#threads,#comments,#users {max-height: 420px; overflow-x: hidden;} //in index page. fixed height so slimscroll can use it

#demo-dropdown {
	width: 183px; padding: 10px 15px;

	label {width: 100px;margin-bottom: 0;}
	label[for='fixedheader'] {position: relative;}
	#fixedheader {display: inline-block;}

	.demo-color-variation {
		display: inline-block;
		position: relative;
		top: 5px;

		li {padding-right: 2px}
		li a {
			display: block;height: 20px;width: 20px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60%;
			&.color-lite 		{background-color:#e6e7e8;}
			&.color-steel 		{background-color:#687285;}
			&.color-lavender 	{background-color:#716885;}

			&.color-black 		{background-color:#000000;}
			&.color-dark 		{background-color:#313338;}
			&.color-red	 		{background-color:#b43e2e;}
			&.color-green	 	{background-color:#48d09b;}
			&.color-blue	 	{background-color:#2e5dac;}
		}
	}
}

@media (max-width: @screen-xs-max) { //Alignments in small screen
	#demo-dropdown {
		margin-right: -100px;
		&:before {margin-right: 100px;}
	}
}

.demo-blocks {
	width: 50px;height: 50px; border: 2px solid @border-lighter;
	display: inline-block; cursor: pointer;
	margin-right: 20px; margin-bottom: 10px;
	&:hover {
		border-color: @border-darker;
	}

	&.color-dark 		{background:#313338;}
	&.color-red	 		{background:#b43e2e;}
	&.color-green	 	{background:#48d09b;}
	&.color-blue	 	{background:#2e5dac;}
	&.color-lavender 	{background:#716885;}

	&.pattern-brickwall 		{background: url(../img/patterns/brickwall.png)}
	&.pattern-dark-stripes 		{background: url(../img/patterns/dark_stripes.png)}
	&.pattern-rockywall 		{background: url(../img/patterns/rockywall.png)}
	&.pattern-subtle-carbon 	{background: url(../img/patterns/subtle_carbon.png)}
	&.pattern-tweed 			{background: url(../img/patterns/tweed.png)}
	&.pattern-vertical-cloth 	{background: url(../img/patterns/vertical_cloth.png)}
	&.pattern-grey_wash_wall 	{background: url(../img/patterns/grey_wash_wall.png)}
	&.pattern-pw_maze_black		{background: url(../img/patterns/pw_maze_black.png)}
	&.pattern-wild_oliva 		{background: url(../img/patterns/wild_oliva.png)}
	&.pattern-stressed_linen 	{background: url(../img/patterns/stressed_linen.png)}
	&.pattern-sos 				{background: url(../img/patterns/sos.png)}
}